Web Layout

Layout on the web has been fundamentally changed since CSS variables and CSS grid gained good enough browser support. But graphic and UX design tools and designer training and sometimes thinking is stuck in time of flow or responsive layouts.

With CSS grid you can have content that is smaller than the cell. Or place multiple content elements on top of each other.

Also see

“Everything You Know About Web Design Just Changed” by Jen Simmons—An Event Apart video

Designin for a viewport

9 Biggest Mistakes with CSS Grid

Flexibility & The Fold – new possibilities with CSS Grid

There is no fold, but there is a viewport. With viewport units and CSS grid we can respond to all sides of the browser window.

## Thinking with Grid * [Jen Simmons on Thinking With Grids](https://vimeo.com/331578108)

Handling web layouts

Learn